<script setup lang="ts">
import  {useCounterStore} from '@/stores/counter'
const arr= useCounterStore()
import { storeToRefs } from 'pinia'
// import { storeToRefs } from 'pinia';

const {count1} =storeToRefs(arr) 
const gofnc  = function(ele:any){
    ele = {i:0}
    console.log(ele.i)
}
let obj = {i:20}
gofnc(obj)
console.log(obj.i,2222)
let syb =  Symbol(111)
console.log(Object.prototype.toString.call(syb))
// const {
</script>
<template>
    <div class="common-layout">
        首页
        {{ arr.count }}
        {{arr.count1}}
        <button @click="arr.increment()">++++</button>
    </div>
</template>

<style scoped lang="scss">
.common-layout {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    .header {
        height: 80px;
        background-color: #ff0;
    }

    .center-left {
        height: 100vh;
        background-color: #0f0;
    }

    .center-r {
        height: calc(100vh - 80px);
        background-color: #0ff;
    }
}
</style>
